Ext.namespace('pages.p2p.vip.opinfo.query');

pages.p2p.vip.opinfo.query.Main = function(config) {
	Ext.apply(this, config);
	this.initUIComponents();
	pages.p2p.vip.opinfo.query.Main.superclass.constructor.call(this);
};

Ext.extend(pages.p2p.vip.opinfo.query.Main, Ext.Panel, {
	/**
	 * 构造函数
	 */
	initUIComponents : function() {
		
		this.queryForm = new Ext.form.FormPanel({
			layout : 'column',
			region : 'north',
			labelWidth : 100,
			labelAlign : 'right',
			autoHeight :true,
			border : false,
			frame : false,
			items : [{
				columnWidth : 1,
				height : 10,
				border : false
			},{
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [{
					fieldLabel : '操作开始日期',
					name : 'START_DATE',
					id : 'START_DATE',
					anchor : '96%',
					format : 'Y-m-d',
					xtype : 'datefield'
				}]
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [{
					fieldLabel : '操作结束日期',
					name : 'END_DATE',
					id : 'END_DATE',
					anchor : '96%',
					format : 'Y-m-d',
					xtype : 'datefield'
				}]
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [{
					fieldLabel : '用户名',
					name : 'USER_NAME',
					id : 'USER_NAME',
					anchor : '96%',
					xtype : 'textfield'
				}]
			}, {
					columnWidth : .25,
					layout : 'form',
					border : false,
					items : [new Ext.form.ComboBox({
						fieldLabel : '设备类型',
						name : 'DEVICE_TYPE',
						id : 'DEVICE_TYPE',
						anchor : '96%',
						readOnly : true,
						store : new Ext.data.SimpleStore({
							fields : ['VALUE', 'TEXT'],
							data : [['', '全部'],['0', 'android'], ['1', 'ios']]
						}),
						valueField : 'VALUE',
						displayField : 'TEXT',
						triggerAction : 'all',
						mode : 'local',
						editable : false,
						selectOnFocus : true,
						value : ''
					})]
			},{
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [{
					fieldLabel : '所在城市',
					name : 'DEVICE_CITY_CODE',
					id : 'DEVICE_CITY_CODE',
					anchor : '96%',
					xtype : 'textfield'
				}]
			},{
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [new Ext.form.ComboBox({
					fieldLabel : '操作类型',
					name : 'DEVICE_OPER_TYPE_VALUE',
					id : 'DEVICE_OPER_TYPE_VALUE',
					anchor : '96%',
					readOnly : true,
					store : new Ext.data.SimpleStore({
						fields : ['VALUE', 'TEXT'],
						data : [['', '全部'],['01', '登录'], ['02', '首页刷新']
						, ['03', '购买债权'], ['04', '获取债权转让信息'], ['05', '获取债权转让详细信息']
						,['06', '申请借款'],['07', '修改用户信息'],['08', '我的债权']
						,['09', 'vip缴费'],['10', 'vip中奖记录'],['11', 'vip领奖记录']
						,['12', '获取交易记录'],['13', '获取银行卡信息'],['14', '添加银行卡信息']
						,['15', '修改登录密码'],['16', '修改交易密码'],['17', '重置交易密码获取验证码'],['18', '重置交易密码验证验证码'],
						['19', '重置交易密码通过验证码'],['20', '签到'],['21', '用户反馈'],['22', '提现第一步验证金额，交易密码']
						,['23', '提现第二步获取验证码'],['24', '提现第三步验证验证码'],['25', '获得我的红包']
						,['26', '验证pos单号'],['27', '单号投资购买债权'],['28', '资产变动明细']
						,['29', '获取投标记录'],['30', '刷新账户信息']
						]
					}),
					valueField : 'VALUE',
					displayField : 'TEXT',
					triggerAction : 'all',
					mode : 'local',
					editable : false,
					selectOnFocus : true,
					value : ''
				})]
			}]
		});
		this.store = new Ext.data.Store({
			proxy : new Ext.data.HttpProxy({
				url : ExtJ.getActionPath('opinfo/queryOpinfoList.do')
			}),
			remoteSort : true,
			reader : new Ext.data.JsonReader({
				root : 'data',
				totalProperty : 'total',
				id : 'ID'
			}, [{
				name : 'USER_NAME',
				mapping : 'USER_NAME'
			},{
				name :'DEVICE_TYPE',
				mapping : 'DEVICE_TYPE'
			},{
				name : 'DEVICE_OPER_TYPE_VALUE',
				mapping : 'DEVICE_OPER_TYPE_VALUE'
			},{
				name : 'DEVICE_MODULE_CODE',
				mapping : 'DEVICE_MODULE_CODE'
			},{
				name : 'DEVICE_CITY_CODE',
				mapping : 'DEVICE_CITY_CODE'
			},{
				name : 'DEVICE_OPER_DATE',
				mapping : 'DEVICE_OPER_DATE'
			}])
		});
		
		
		var sm = new Ext.grid.CheckboxSelectionModel({singleSelect:true});
		var cm = new Ext.grid.ColumnModel([sm,new Ext.grid.RowNumberer(),{
				header : '用户名',
				width : 120,
				sortable : true,
				dataIndex : 'USER_NAME'
			},{
				header : '设备类型',
				width : 120,
				sortable : true,
				dataIndex : 'DEVICE_TYPE',
				renderer : function(value, metaData, record, rowIndex, colIndex, store){
					if("0"==value){
						return "Android"
					}else{
						return "ios"
					}
				}
			},{
				header : '操作类型',
				width : 180,
				sortable : true,
				dataIndex : 'DEVICE_OPER_TYPE_VALUE'
			},{
				header : '设备型号',
				width : 150,
				sortable : true,
				dataIndex : 'DEVICE_MODULE_CODE'
			},{
				header : '操作日期',
				width : 130,
				sortable : true,
				dataIndex : 'DEVICE_OPER_DATE'
			},{
				header : '所在城市',
				width : 120,
				sortable : true,
				dataIndex : 'DEVICE_CITY_CODE'
			}]);
			
		
		/**
		 * GridPanel
		 */
		this.grid = new Ext.grid.GridPanel({
			id : 'grid',
			region : 'center',
			store : this.store,
			border : true,
			frame : false,
			viewConfig : {
				autoFill : false,
	    	    forceFit : false,
	    	    focusRow : function(){
	    	    	return;
	    	    },
	    	    getRowClass : function(record, rowIndex, rowParams, store){
	    	    	if (record.get("TOP_LEVEL") == "1") {
				        return 'ux-grid-record-onTop';
				    }
	    	    }
			},
			sm : sm,
			cm : cm,
			tbar : [{				
				id : 'query',
				iconCls : 'query',
				text : '查询',
				handler : this.onQuery.createDelegate(this)
			},'-', {
				id : 'clear',
				iconCls : 'reset',
				text : '重置',
				handler : this.onReset.createDelegate(this)
			},'-',{
				id : 'view',
				iconCls : 'view',
				text : '查看',
				handler : this.onView.createDelegate(this)
			} ],
			bbar : new Ext.PagingToolbar({
				pageSize : pageSize,
				store : this.store,
				displayInfo : true,
				displayMsg : '当前显示第 {0} - {1} 条 / 共 {2} 条',
				emptyMsg : "没有记录"
			})
		});
		
		Ext.apply(this, {
			closeAction : 'close',
			layout : 'border',
			border : false,
			title : 'App操作日志',
			tools : [{
						id : 'help',
						handler : function(){
							this.onHelp();				
						}.createDelegate(this)
					}],
			width : 700,
			height : 450,
			modal : true,
			listeners : {
				'render' : this.initData.createDelegate(this)
			},
			items : [this.queryForm,this.grid]
		})
	},

	initData : function(){
		this.onQuery();
	},
	
	onQuery : function(){
		this.store.baseParams.DEVICE_OPER_TYPE = Ext.getCmp('DEVICE_OPER_TYPE_VALUE').getValue();
		this.store.baseParams.END_DATE = Ext.getCmp('END_DATE').getRawValue();
		this.store.baseParams.START_DATE = Ext.getCmp('START_DATE').getRawValue();
		this.store.baseParams.USER_NAME = Ext.getCmp('USER_NAME').getValue();
		this.store.baseParams.DEVICE_TYPE = Ext.getCmp('DEVICE_TYPE').getRawValue();
		this.store.baseParams.DEVICE_CITY_CODE = Ext.getCmp('DEVICE_CITY_CODE').getRawValue();
		console.log(this.store.baseParams.START_DATE);
		var startDate=this.store.baseParams.START_DATE;
		var endDate=this.store.baseParams.END_DATE ;
		if(startDate>endDate){
			Ext.Msg.alert('提示', '开始时间不能大于结束时间!');
			return;
		}
		Ext.getBody().mask("正在查询,请稍候...");
		this.store.reload({
			params : {
				start : 0,
				limit : pageSize
			},
			callback : function() {
				Ext.getBody().unmask(true);
			}
		});
	},
	
	onReset : function(){
		this.queryForm.getForm().reset();
	},
	
	onView : function(){
		var isClick = this.grid.getSelectionModel().getSelected();
		if(isClick){
			var win = new pages.p2p.vip.opinfo.query.View({
				infos:isClick
			});
			win.show();
		}else{
			Ext.Msg.alert("提示","请选择一条记录",function(){
				return;
			});
		}
	},
	onHelp : function(){
		var dialog = new global.help.HelpWindow({key : 'aqgl.all.helpApp'});
		dialog.show();
	}
});